<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/neirong.css" />
		
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		
		</head>
	<!--蒙版-->
	
	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			//
			window.onload = function(){
            var login = document.getElementById("login");
            var mask = document.getElementById("mask");
            var box = document.getElementById("box");
            login.onclick = function(){
                mask.style.display = "block";
                box.style.display = "block";
            }
            var close_all = document.getElementById("close_all");
            close_all.onclick = function(){
               mask.style.display = "none";
               box.style.display = "none";
           }
            var close_all = document.getElementById("up_all");
            close_all.onclick = function(){
               mask.style.display = "none";
               box.style.display = "none";
           }
            
document.getElementById('home').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'shouye.html', 
id:'home'
});
});

document.getElementById('huodong').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'huodong.html', 
id:'hd'
});
});

document.getElementById('gonghui').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'gonghui.html', 
id:'gonghui'
});
});


            
           }
			//
			
		</script>
		<header class="mui-bar mui-bar-nav clearfix">		
			<a class="nav-top-left"> <img src="icon/icon_0.jpg"  class="back"  width="12px" height="20px"/>
			<span id="" >
				返回
			</span>
			</a>
			<p id="title" class="mui-title title2">极战FMB</p>
			<a class="mui-action-menu mui-icon mui-pull-right "><img src="icon/icon_2.jpg"  width="32px" height="12px"/></a>
		</header>
		
		<div id="" class="neirong">
			<div class="box-txt">
			<img src="images/cont_1.jpg" width="100%"/>
			<div id="" class="miaoshu">
				<div id="" class="txta">			
					<span >巨型机甲现身沪上 站立近4米全备重量4.7吨</span>
				</div>
				<div class="nambers">
								<span id=""class="iconnamb">
									<img src="icon/iconcon_1.png" width="20px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/iconcon_2.png" width="15px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/iconcon_3.png" width="15px"/>
									698
								</span>
				</div>
				
			</div>
			</div>
			
			
			<div id="" class="cont clearfix">		
				<span >“砰”一声，中国最大战斗机甲从画有其动漫形象、写着“战神降世”的大木箱中一下子冲了出来，并向观众伸手打招呼。这一场面出现在上海西岸的大木箱中一下子冲了出来，并向观众伸手打招呼。这一场面出现在上海西岸的大木箱中一下子冲了出来，并向观众伸手打</span>
			</div>
			
			<div id="" class="cont_2 clearfix">
				<img src="images/cont_2.jpg" width="85%" class="contpic_2"/>
				<div id="" class="cont">		
				<span >“极战大威”的亮相，填补了中国巨型格斗机甲的空白。此次国际机器人嘉年华主办方之一的极战体育表示，将与美国、日本、德国、以色列、俄罗斯联合举办国际巨型机器人赛，实现公众对于巨型机甲环球对战的梦想，实现极致科幻体验的“巨型机甲秀”，形成巨大的国际影响力。</span>
				</div>
			</div>
			
			<div id="" class="cont_3">
				<img src="images/cont_3.jpg" width="85%" class="contpic_2"/>
				<div id="" class="cont">		
				<span >本次国际机器人嘉年华，吸引了来自全国各地的机器人格斗爱好者齐聚上海。在现场，操纵者可通过动作捕捉与驾驶舱两种操纵模式操控，“尝鲜者”率先进入驾驶舱，在大型格斗机甲“极战大威”的“肚子”中体验一把战斗的乐趣。</span>
				</div>
			</div>			
		</div>
		
		<!--评论-->
		<div id="" class="limit">
			<div id="" class="hotnew">
				<div class="hxian_1">
				</div>
				
				<button type="button" class="dianzan"><img src="icon/i_3.png"/></button>
				<span class="hottxt">252个人觉得很牛逼</span>
				<div class="hxian_2">
				</div>
			</div>
			<div class="headpic">
				

				<ul>
					<li>
						<a href=""> <img src="images/headpic/head_1.jpg" width="45px" height="45px"/></a>
					</li>
					
					<li>
						<a href=""> <img src="images/headpic/head_2.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_3.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_4.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_5.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_6.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_7.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_8.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_9.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_10.jpg" width="45px" height="45px"/></a>
					</li>
					<li>
						<a href=""> <img src="images/headpic/head_11.jpg" width="45px" height="45px"/></a>
					</li><li>
						<a href=""> <img src="images/headpic/head_12.jpg" width="45px" height="45px"/></a>
					</li><li>
						<a href=""> <img src="images/headpic/head_13.jpg" width="45px" height="45px"/></a>
					</li><li>
						<a href=""> <img src="images/headpic/head_14.jpg" width="45px" height="45px"/></a>
					</li><li>
						<a href=""> <img src="images/headpic/head_15.jpg" width="45px" height="45px"/></a>
					</li><li>
						<a href=""> <img src="images/headpic/head_16.jpg" width="45px" height="45px"/></a>
					</li><li>
						<a href=""> <img src="images/headpic/head_17.jpg" width="45px" height="45px"/></a>
					</li><li>
						<a href=""> <img src="images/headpic/head_18.jpg" width="45px" height="45px"/></a>
					</li>	
				</ul>
			</div>
			<div id="" class="lim">
			</div>
		</div>
    	
    	<div id="" class="commentnab">
    		评论（35）
    	</div>	
    	<div id="" class="comment">
    		<div id=""class="com_left">
    			<a href=""><img src="images/headpic/head_1.jpg" width="25px" height="25px"/></a>
    		</div>
    		<div class="com_right">
    			<div id="" class="com_right_top">
    				<a href="" class="usernab">ASDFASD</a>
    				<div id="" class="com_time">
    					4月17日 22:22
    				</div>	
    			</div>
    			<div class="commenttxt">
    					好厉害的感觉...
    			</div>
    		</div>
    	</div>
    	
    	<div id="" class="comment">
    		<div id=""class="com_left">
    			<a href=""><img src="images/headpic/head_2.jpg" width="25px" height="25px"/></a>
    		</div>
    		<div class="com_right">
    			<div id="" class="com_right_top">
    				<a href="" class="usernab">Aerf</a>
    				<div id="" class="com_time">
    					4月17日 22:22
    				</div>	
    			</div>
    			<div class="commenttxt">
    					好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉...好厉害的感觉..
    			</div>
    		</div>
    	</div>
    	
    	<div id="" class="comment">
    		<div id=""class="com_left">
    			<a href=""><img src="images/headpic/head_1.jpg" width="25px" height="25px"/></a>
    		</div>
    		<div class="com_right">
    			<div id="" class="com_right_top">
    				<a href="" class="usernab">ASDFASD</a>
    				<div id="" class="com_time">
    					4月17日 22:22
    				</div>	
    			</div>
    			<div class="commenttxt">
    					好厉害的感觉...
    			</div>
    		</div>
    	</div>
		
		
		
		<!--底部-->
		<div class="footer">
			<nav class="mui-bar mui-bar-tab">
				<a id="home" class="mui-tab-item mui-active" href="">
					<span class="mui-icon ">
						<img src="icon/iconnav_1.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">极战</span>
				</a>
				<a id="huodong"  class="mui-tab-item" href="javascript:;">
					<span class="mui-icon ">
						<img src="icon/iconnav_2.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">活动</span>
				</a>
				<a id="gonghui" class="mui-tab-item" href="#">
					<span class="mui-icon ">
						<img src="icon/iconnav_3.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">公会</span>
				</a>
				<a class="mui-tab-item" href="#">
					<span class="mui-icon ">
						<img src="icon/iconnav_4.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">商城</span>
				</a>
				
				<a  class="mui-tab-item" href="javascript:;" >
					<span   class="reply" >
						<!--<img src="images/reply.jpg" width="100px" height="50px"/>-->
					</span>
				</a>
			</nav>	
		</div>	
		<button id="login"  class="writer">
			<img src="images/reply.jpg" width="100%" height="50px"/>
		</button>
		<!--蒙版-->
		<div id="mask" ></div>
		
		<div id="box">
			<textarea name="content" rows="" cols="" placeholder="随便说点什么"></textarea>
	    	
	    	<div id="no" class="no">
	    		<a href="javascript:;" id="close_all">取消</a>
	    	</div>
	    	<div id="yes" class="yes">
	    		<a href="javascript:;" id="up_all">回复</a>
	    	</div>
		</div>
		
	</body>

</html>